<html lang="cn">

<head>
  <meta charset="UTF-8">
  <script src="./rem.js"></script>
  <meta name="format-detection" content="telephone = no">
  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="./common.css">
  <link rel="stylesheet" href="./brandDetails.css">
  <script>
    function rembig(){
      setRemSize()
      window.addEventListener("resize",setRemSize,false)
      function setRemSize(){
        var width = document.documentElement.clientWidth
        if (width > 750) {
            width = 750
        }
        var _clientWidth = width / 7.5+'px'
        document.documentElement.style.fontSize = _clientWidth
      }
    }
    rembig()
  </script>
</head>

<body>
  <div class="content">
    <div class="topDetails">
      <div class="topInfo">
        <div class="top">
          <div class="qrcode">
            <p>
              掃一扫
              <br/>
              助品牌
            </p>
            <img src="./images/品牌详情_slices/ppxq_floating_window_btn@2x.png" alt="" srcset="">
          </div>
          <div class="logo">
            <img src="./images/品牌详情_slices/nav_more_black_btn@2x.png" alt="" srcset="">
          </div>
          <p class="logoTitle">郅荣地产</p>
          <button class="btn">我也要上榜</button>
          <ul>
            <li>
              <p>8</p>
              <p>品牌排名</p>
            </li>
            <li>
              <!-- <p class="timer count-title" id="count-number" data-to="5868" data-speed="1500"></p> -->
                <p id="count-number">5868
                  <img src="./images/M_ppxq_icon.png">
                </p>
                
              <p>品牌影响力</p>
            </li>
            <li>
              <p>8</p>
              <p>品牌排名</p>
            </li>
          </ul>
        </div>
        <!-- <div class="bottom">
            已有
            <span style="color: #CF141B;">666</span>
            位网友为此助力!
        </div> -->
      </div>
      <div class="bottomTitle">品牌详情</div>
    </div>
    <div class="fengexian"></div>
    <ul class="bottomDetails">
      <li><span>品牌行业：</span>电动自行车</li>
      <li><span>企业网址：</span>http:///pinpai@www.com</li>
      <li><span>企业名称：</span>北京智米科技有限公司</li>
      <li><span>企业地址：</span>北京市海淀区中关村108-01北京市海淀区中关村108-01北京市海淀区中关村108-01北京市海淀区中关村108-01</li>
    </ul>
    <button class="bottomBtn">
      返回投票
    </button>
  </div>
  <div class="mark closeCode">
    <div class="innerImg">
      <img class="closeSelf" src="./images/品牌详情_slices/ppxq_window_close_btn@2x.png" alt="" srcset="">
    </div>
  </div>
  <div class="mark closeInfluence" >
    <div class="innerImg" style="width: 3.54rem;height:5rem;">
      <img src="./images/ppxq_tsc_img.png" ondragstart="return false;">
    </div>
  </div>
</body>
</html>

<script>
var brandDetailsInit = {
  dialog: function () {
    $('.mark').css('height', document.body.scrollHeight + 'px')
    // $('.innerImg').css('height', document.body.clientHeight + 'px')
    $('.qrcode').click(function () {
      $('.closeCode').fadeIn(133)
    })
    $('.innerImg').click(function (e) {
      e.stopPropagation()
    })
    $('.mark').click(function () {
      $(this).hide()
    })
    $('.closeSelf').click(function () {
      $('.closeCode').hide()
    })
    $('.closeInfluence').click(function () {
      // $('.closeInfluence').hide()
      
    })
  }
}
$(document).ready(function () {
  setTimeout(function () {
  if ($('.closeInfluence').is(':hidden')) return
    $('.mark').hide()
    setTimeout(function () {
      $('#count-number').html(parseInt($('#count-number').html()) + 1)
    }, 300)
  }, 3000)
  $('.closeInfluence').show()
  for (var i in brandDetailsInit) {
    brandDetailsInit[i]()
  }
})
</script>
<!-- <script src="./countTo.js"></script> -->
